export const navigation = [
  {
    id: 1,
    title: '1. JSX 语法',
    path: '/jsx-syntax',
    description: '学习 React 的模板语法'
  },
  {
    id: 2,
    title: '2. 组件与 Props',
    path: '/components-props',
    description: '理解组件化开发和属性传递'
  },
  {
    id: 3,
    title: '3. 状态管理',
    path: '/state-management',
    description: '掌握 useState Hook 的使用'
  },
  {
    id: 4,
    title: '4. 事件处理',
    path: '/event-handling',
    description: '学习如何处理用户交互'
  },
  {
    id: 5,
    title: '5. 条件渲染',
    path: '/conditional-rendering',
    description: '掌握基于条件的动态渲染'
  },
  {
    id: 6,
    title: '6. 列表与 Keys',
    path: '/lists-keys',
    description: '学习如何渲染列表数据'
  },
  {
    id: 7,
    title: '7. 表单处理',
    path: '/forms',
    description: '掌握表单数据的收集和处理'
  },
  {
    id: 8,
    title: '8. Hooks 进阶',
    path: '/hooks-advanced',
    description: '学习 useEffect、useContext 等高级 Hooks'
  },
  {
    id: 9,
    title: '9. 路由',
    path: '/routing',
    description: '单页应用的路由管理'
  },
  {
    id: 10,
    title: '10. 性能优化',
    path: '/performance',
    description: '使用 useMemo、useCallback 优化性能'
  },
  {
    id: 11,
    title: '11. React 19 新特性',
    path: '/react19-features',
    description: '了解 React 19 的最新功能'
  }
]